    <!DOCTYPE html>
    <html lang="zxx" class="no-js">
    <head>
        {include file="./public/user/common/header.html" /}
    </head>
    <body>
        <!-- Start Header Area -->
        {include file="./public/user/common/header_one.html" /}
        <!-- End Header Area -->

        <!-- Start top-section Area -->
        <section class="top-section-area section-gap">
            <div class="container">
                <div class="row justify-content-start align-items-center d-flex">
                    <div class="col-lg-8 top-left">
                        <h1 class="text-white mb-20" id="title_one">Post Details</h1>
                        {include file="./public/user/common/top-section-area.html" /}
                    </div>
                </div>
            </div>
        </section>
        <!-- End top-section Area -->

        <!-- Start post Area -->
        <div class="post-wrapper pt-100">
            <!-- Start post Area -->
            <div class="post-wrapper pt-100">
                <!-- Start post Area -->
                <section class="post-area">
                    <div class="container">
                        <div class="row justify-content-center">
                            <div class="col-lg-8">
                                <div class="single-page-post">
                                    <img class="img-fluid" style="width: 600px;height: 300px" id="article_img" src="__static__/img/single.jpg" alt="">
                                    <div class="top-wrapper ">
                                        <div class="row d-flex justify-content-between">
                                            <h2 class="col-lg-8 col-md-12 text-uppercase" id="title">
                                            </h2>
                                            <div class="col-lg-4 col-md-12 right-side d-flex justify-content-end">
                                                <div class="desc">
                                                    <h2 id="username"></h2>
                                                    <h3 id="time"></h3>
                                                </div>
                                                <div class="user-img" >
                                                    <img style="width: 50px;border-radius: 100%" src="__static__/img/user.jpg" id="user_img" alt="">
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tags">
                                        <ul>
                                            <li><a href="#">lifestyle</a></li>
                                            <li><a href="#">Art</a></li>
                                            <li><a href="#">Technology</a></li>
                                            <li><a href="#">Fashion</a></li>
                                        </ul>
                                    </div>
                                    <div class="single-post-content" id="content">
                                        <p>content</p>
                                    </div>
                                    <div class="bottom-wrapper">
                                        <div class="row">
                                            <div class="col-lg-4 single-b-wrap col-md-12">
                                                <a  onclick="like_add(1)" href="#l">
                                                    <i class="fa fa-heart-o" aria-hidden="true"></i>
                                                </a>
                                                <em id="likes">4 </em>
                                                <em>people like this</em>
                                            </div>
                                            <div class="col-lg-4 single-b-wrap col-md-12" >
                                                <a  href="#tihuan_big">
                                                    <i class="fa fa-comment-o" aria-hidden="true"></i>
                                                    <em id="comments"></em>
                                                </a>
                                            </div>
                                            <div class="col-lg-4 single-b-wrap col-md-12">
                                                <ul class="social-icons">
                                                    <li><a href="http://baidu.com"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                                    <li><a href="http://www.peizheng.com.cn"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                                    <li><a href="http://suogou.com"><i class="fa fa-dribbble" aria-hidden="true"></i></a></li>
                                                    <li><a href="http://hao123.com"><i class="fa fa-behance" aria-hidden="true"></i></a></li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                    <!-- Start nav Area -->
                                    <section class="nav-area pt-50 pb-100">
                                        <div class="container">
                                            <div class="row justify-content-between">
                                                <div class="col-sm-6 nav-left justify-content-start d-flex">
                                                    <div class="thumb">
                                                        <img src="__static__/img/prev.jpg" alt="">
                                                    </div>
                                                    <div class="details">
                                                        <p>Prev Post</p>
                                                        <h4 class="text-uppercase"><a href="#">A Discount Toner</a></h4>
                                                    </div>
                                                </div>
                                                <div class="col-sm-6 nav-right justify-content-end d-flex">
                                                    <div class="details">
                                                        <p>Prev Post</p>
                                                        <h4 class="text-uppercase"><a href="#">A Discount Toner</a></h4>
                                                    </div>
                                                    <div class="thumb">
                                                        <img src="__static__/img/next.jpg" alt="">
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                    <!-- End nav Area -->

                                    <!-- Start comment-sec Area -->
                                    <section class="comment-sec-area pt-80 pb-80" id="tihuan_big">
                                        <div class="container">
                                            <div class="row flex-column">
                                                <h5 class="text-uppercase pb-80" id="count"></h5>
                                                <br>
                                                <div id="tihuan">

                                                </div>

                                            </div>
                                        </div>
                                    </section>
                                    <!-- End comment-sec Area -->

                                    <!-- Start commentform Area -->
                                    <section class="commentform-area  pb-120 pt-80 mb-100">
                                        <div class="container">
                                            <h5 class="text-uppercas pb-50">Leave a Reply</h5>
                                            <div class="row flex-row d-flex">
                                                <!--<div class="col-lg-6">
                                                    &lt;!&ndash;<input name="name" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-control" required="" type="text">&ndash;&gt;
                                                    &lt;!&ndash;<input name="email" placeholder="Enter your email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your email'" class="common-input mb-20 form-control" required="" type="email">&ndash;&gt;
                                                    <input name="Subject" placeholder="Subject" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your Subject'" class="common-input mb-20 form-control" required="" type="text">

                                                </div>-->
                                                <div class="col-lg-6" >
                                                    <textarea id="comment" style="width: 720px" class="form-control mb-10" name="message" placeholder="Messege" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Messege'" required=""></textarea>
                                                    <a class="primary-btn mt-20" onclick="cm_add()" href="#count" >Comment</a>
                                                </div>
                                            </div>
                                        </div>
                                    </section>
                                    <!-- End commentform Area -->

                                </div>
                            </div>

                            {include file="./public/user/common/post-area.html" /}
                        </div>
                    </div>
                </section>

                <!-- End post Area -->
            </div>
        </div>
        <!-- End post Area -->


        <!-- start footer Area -->
        {include file="./public/user/common/footer.html" /}
        <!-- End footer Area -->

        {include file="./public/user/common/JS.html" /}
        <script>
            var id = location.href.split('/').pop(); //获取url中"/"符后的字串
            id = parseInt(id);

            getComInfoData(id);
        </script>
        </body>
    </html>